import getState from "@/api/state";
import { Context } from "@/app-context/main-context";
import InsuranceType from "@/template/InsuranceType/InsuranceType";
import React, { useContext } from "react";
import { useEffect } from "react";
import { useState } from "react";

const Actmodule2 = () => {
    const [message, setMessage] = useState("暂无数据");
    const { condition } = useContext(Context)
    const [loading, setLoading] = useState(true);
    const [state1, setState1] = useState({
        data: [
            // {
            //     color: "rgb(73,146,255)",
            //     name: "第三方线上渠道用户比例",
            //     value: 12, //数字int类型；value值返回number值总量，前端自动计算百分比
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "公众号用户比例",
            //     value: 22
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "小程序用户比例",
            //     value: 13
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "电子保单用户比例",
            //     value: 15
            // }
        ]
    })
    const [state2, setState2] = useState({
        data: [
            // {
            //     color: "rgb(73,146,255)",
            //     name: "第三方线上渠道用户比例",
            //     value: 13, //数字int类型；value值返回number值总量，前端自动计算百分比
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "公众号用户比例",
            //     value: 23
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "小程序用户比例",
            //     value: 12
            // },
            // {
            //     color: "rgb(124,255,178)",
            //     name: "电子保单用户比例",
            //     value: 11
            // }
        ]
    })


    useEffect(() => {
        getState({
            setMessage,
            moduleName: "onlineCustYear",
            apiUrl: "/cifgp-core-api/actQuery/pieChart",
            condition: { ...condition, cType: "actOnLine", },
            state: state1,
            setState: setState1,
            setLoading
        })
        getState({
            setMessage,
            moduleName: "onlineCustMonth",
            apiUrl: "/cifgp-core-api/actQuery/pieChart",
            condition: { ...condition, cType: "actOnLine", },
            state: state2,
            setState: setState2,
            setLoading
        })
    }, [condition])


    return (
        <>
            <InsuranceType
                message={message}
                loading={loading}
                style={{ width: "30%", }}

                title="线上客户分布"
                data={[
                    state1
                    // state2
                ]}
            />
        </>
    )
}
export default Actmodule2;